*{margin: 0;padding: 0;box-sizing: border-box;}
body{
  background-image: url(../images/bg.png);
  background-size: 100%;
  height: 20rem;
}
#input {position: absolute;top: 0;left: 0;opacity: 0;z-index: -10;}
.cont .mt-81{
  padding-top: 8.1rem;
}
.cont .mt-21{padding-top: 2.1rem;}
.cont .item {
  text-align: center;
  width: 5.4rem;
  margin: 0 auto;
}
.cont .item p{
  color: #512200;
  font-size: 0.28rem;
  line-height: 0.38rem;
}
.cont .item span{
  color: #dc434b;
  font-weight: bold;
}
.cont .item img{width: 3.24em;height: 3.24rem;margin-top: 0.24rem;}
.cont .text-left{text-align: left;}
.tips {
  margin-top: 0.4rem;
}
.tips p{
  font-weight: bold;
  text-align: center;
}

#zz{
  width: 100%;
  height: 100%;
  /* background-color: rgba(0,0,0,0.3); */
  position: fixed;
  top: 0;
  display: none;
}
#zz span{
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  transform: translate(-50%,-50%);
  font-size: 0.28rem;
  padding: 0.1rem 0.3rem;
  background-color: rgba(0,0,0,0.8);
  border-radius: 0.1rem;
}
